<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="id" label="ID" min-width="60" />
    <el-table-column prop="operator" label="操作者" min-width="100" />
    <el-table-column prop="action" label="行为" min-width="80" />
    <el-table-column prop="dataChange" label="数据变化" min-width="150" />
    <el-table-column prop="operationTime" label="操作时间" min-width="200" />
  </el-table>
</template>

<script setup>
import { reactive } from "vue";

const tableData = reactive([
  {
    id: 1,
    operator: "狗蛋哥",
    action: "查看",
    dataChange: "无",
    operationTime: "2023-01-01 11:12:13"
  },
  {
    id: 2,
    operator: "懒猫1号",
    action: "编辑",
    dataChange: '{ "nickname": "懒猫2号" }',
    operationTime: "2024-01-02 11:12:13"
  }
  // 可在此处添加更多数据
]);
</script>

<style scoped>
/* 自定义样式，如需要 */
</style>
